.link {
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: 36px;
  width: 36px;
  height: 36px;
  margin: 0.5rem;
  border-radius: 4px;
  text-transform: uppercase;
  transition: 0.1s ease opacity;
  overflow: hidden;

  &:hover {
    opacity: 0.75;
  }
}

.selected {
  box-shadow: 0 0 0 1pt var(--color-background), 0 0 0 3pt var(--color-text);
}
